*{margin: 0;padding: 0;box-sizing: border-box;}
a{
    background: transparent;
}
a, a:hover{
    text-decoration: none;
    color: #666;
}
div{
    display: block;
}

#header{
    height: 1.3333rem;
    background: #1d6dff;
    padding: 5px;
    width: 100%;
    .logo{
        margin-left: 5px;
        padding: 12px;
        width: 75%;
        float: left;
        a{
            display: block;
            height: 100%;
            background: transparent;
            img{
                height: .6667rem;
                vertical-align: middle;
            }
        }
    }
    .app{
        padding: 6px;
        float: right;
        a{
            img{
                height: .6667rem;
                vertical-align: middle;
            }
        }
    }
}
// 搜索
#sea{
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: relative;
    .box{
        padding: 10px;
        input{
            height: .8rem;
            width: 90%;
            padding-left: 5%;
            border-radius: 15px;
            background-color: #f1f1f1;
            border: none;
            font-size: .4267rem;
        }
    }
    .sousuo{
        button{
            width: 1.68rem;
            height: .8rem;
            background: #1d6dff;
            border-radius: 15px;
            position: absolute;
            right: .2667rem;
            top: .2667rem;
            line-height: .8rem;
            font-size: .4267rem;
            border: none;
            color: #fff;
            
        }
    }
}
//主体
main{
    #ulbox{
        margin-bottom: 20px;
        li{
            list-style: none;
            margin-bottom: 0;
            border-radius: 4px;
            border: 1px solid #ddd;
            padding: 10px 15px;
            background-color: #f1f1f1;
            h4{
                margin-top: 0;
                margin-bottom: 0;
                font-size: .4267rem;
                color: inherit;
            }
            div{
                border: 1px solid #ccc;
                margin-top: 10px;
                margin-right: -0.4rem;
                margin-left: -0.4rem;
                overflow: hidden;
                p{
                    float: left;
                    border-right: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                    width: 25%;
                    height: .6667rem;
                    text-align: center;
                    
                }
            }
        }
    }
}



// 底部
#foot{
    .more{
        height: 1.3333rem;
        background-color: #f4f4f4;
        padding: 10px;
        a{
            display: block;
            font-size: .3467rem;
            line-height: .8rem;
            text-align: center;
            border-radius: 5px;
            border: 1px solid #dddddd;
            background-image: linear-gradient(#ffffff, #f4f4f4);
        }
    }
    .ranking{
        background-color: #1d6dff;
        margin-top: 10px;
        margin-bottom: 6px;
        .ranking-left{
            color: #fff;
            display: inline-block;
            font: bolder .48rem/.9333rem "Microsoft soft";
            padding-left: 10px;
        }
        .ranking-right{
            line-height: .9333rem;
            float: right;
            padding-right: 10px;
            img{
                width: .5333rem;
                height: .5333rem;
                vertical-align: middle;
            }
        }
    }
    .login{
        .container{
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
            box-sizing: border-box;
            .low{
                height: .96rem;
                margin-top: 10px;
                border-top: 1px solid #c4c4c4;
                border-bottom: 1px solid #c4c4c4;
                margin-right: -15px;
                margin-left: -15px;
                box-sizing: border-box;
                a{
                    display: block;
                    color: #666;
                    text-decoration: none;  

                    div{
                        height: .88rem;
                        line-height: .88rem;
                        text-align: center;
                        font-size: .3733rem;
                        border-right: 1px solid #c4c4c4;
                        float: left;
                        /* position: relative; */
                        min-height: 1px;
                        padding-right: 15px;
                        padding-left: 15px;
                    }
                    .a1{
                        width: 25%;
                    }
                    .a2{
                        width: 33.33333333%;
                    }
                    .a3{
                        width: 41.66666667%;
                        border-right: 0;
                    }
                }
            }
        }
    }

    .content_b{
        text-align: center;
        padding: 10px;
        p{
            margin: 0 0 10px;
            a{
                color: #666;
                text-decoration: none;
            }
            
        }
    }
}